<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/./index.css">
</head>
<body>
    <div class="container">
       <div class="page_hd">
           <div class="page_hd_back"></div>
           <h3 class="page_hd_title">新增地址</h3>
       </div>
       <div class="page_bd">
           <ul class="page_bd_info">
               <li class="page_bd_name">
                   <label for="text_name">收货人姓名</label>
                   <input type="text" id="text_name"  placeholder="请输入姓名">
               </li>
               <li class="page_bd_tel">
                   <label for="text_tel">手机号码</label>
                   <input type="text" id="text_tel"  placeholder="请输入手机号码">

               </li>
               <li class="page_bd_region">
                   <label for="text_region">所在地区</label>
                   <input type="text" id="text_region"/>
                   <p class="page_region_btn"></p>
                   <div class="region_prefecture" id="region_prefecture">
                       <div class="prefecture_hd">
                           <h3>所在地区</h3>
                           <div class="prefecture_hd_colse" id="prefecture_hd_colse"></div>
                           <p>请选择</p>
                       </div>
                       <div class="prefecture_bd">
                           <ul id="prefecture_bd_ul">
                               <li>北京</li>
                               <li>天津</li>
                               <li>河北</li>
                               <li>山西</li>
                               <li>内蒙古</li>
                               <li>辽宁</li>
                               <li>吉林</li>
                               <li>上海</li>
                               <li>湖北</li>
                               <li>湖南</li>
                           </ul>
                       </div>
                   </div>
               </li>

               <li class="page_bd_address">
                   <label for="text_address">街道地址</label>
                   <input type="text" id="text_address"  placeholder="请输入街道地址">
               </li>
               <li class="page_bd_coding">
                   <label for="text_coding">邮政编码</label>
                   <input type="text" id="text_coding" />
               </li>
           </ul>
           <div class="page_bd_default">
               <div class="page_default_btn"><p class="page_default_btn_dot"></p></div><span>设为默认地址</span>
           </div>
       </div>
       <div class="page_ft">
           <input type="submit" value="保　存">
       </div>
   </div>
    <script src="js/index.js"></script>
</body>
</html>